<template>
  <view class="flex-col page">
    <view class="flex-col flex-auto group_2">
      <view class="flex-row justify-between items-center group_3">
        <text class="font_2 text_5">ID</text>
        <text class="font_3 text_6">00001</text>
      </view>
      <view class="flex-row justify-between items-center group_4">
        <text class="font_4 text_7">Equip_ID</text>
        <text class="font_3">00001</text>
      </view>
      <view class="flex-row justify-between items-center group_5">
        <text class="font_4 text_8">Equip_Name</text>
        <text class="font_5">KJ 1000℃ 箱式电阻炉</text>
      </view>
      <view class="flex-row justify-between group_6">
        <text class="self-center font_2">设备品牌、型号</text>
        <text class="self-start font_5 text_9">**牌 **型</text>
      </view>
      <view class="flex-row justify-between items-center group_6">
        <text class="font_2">大类</text>
        <text class="font_5 text_10">加热设备</text>
      </view>
      <view class="flex-row justify-between items-center group_7">
        <text class="font_2">小类</text>
        <text class="font_5 text_11">箱式电阻炉</text>
      </view>
      <view class="flex-row justify-between items-center group_8">
        <text class="font_2">生产日期</text>
        <text class="font_3 text_12">2004.8.5</text>
      </view>
      <view class="flex-row justify-between items-center group_6">
        <text class="font_2">绑定标记</text>
        <text class="font_3 text_13">1</text>
      </view>
      <view class="flex-row justify-between group_8">
        <text class="self-center font_2">当前绑定人</text>
        <text class="self-start font_5 text_14">李子逸</text>
      </view>
      <view class="flex-row justify-between group_8">
        <text class="self-center font_2">当前绑定时间</text>
        <view class="flex-row self-start group_9 space-x-6">
          <text class="font_3">2003.8.5</text>
          <text class="font_3">12：53</text>
        </view>
      </view>
      <view class="flex-row justify-between group_6">
        <text class="self-center font_2">绑定记录</text>
        <view class="flex-row self-start group_10">
          <text class="font_3">2004.5.8</text>
          <text class="font_3">15：52</text>
        </view>
      </view>
      <view class="flex-row justify-between group_6">
        <text class="self-center font_2">被共享人</text>
        <text class="self-start font_3 text_15">***</text>
      </view>
      <view class="flex-col justify-start items-start relative group_11">
        <text class="font_2">共享记录</text>
        <text class="font_3 text_16 pos_2">2004.8.5， 李子逸共享给***</text>
      </view>
      <view class="flex-row justify-between items-baseline group_12">
        <text class="font_2 text_17">重置码</text>
        <text class="font_3 text_18">5265543</text>
      </view>
      <view class="flex-row justify-between group_13">
        <text class="self-center font_2">备注</text>
        <text class="self-start font_5 text_19">无</text>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    components: {},
    data() {
      return {};
    },

    methods: {},
  };
</script>

<style scoped lang="scss">
  .page {
    background-color: #ffffff;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    .group_2 {
      padding: 0 25rpx 79.17rpx 39.58rpx;
      overflow-y: auto;
      .group_3 {
        padding: 16.67rpx 8.33rpx 8.33rpx;
        .text_5 {
          line-height: 30.21rpx;
        }
        .text_6 {
          margin-right: 4.17rpx;
        }
      }
      .group_4 {
        margin-left: 2.08rpx;
        margin-right: 12.5rpx;
        padding: 12.5rpx 0 8.33rpx;
        border-top: solid 2.08rpx #138f874d;
        border-bottom: solid 2.08rpx #138f874d;
        .text_7 {
          text-align: center;
          width: 185.42rpx;
        }
      }
      .font_3 {
        font-size: 31.25rpx;
        font-family: SourceHanSansCN;
        line-height: 23.96rpx;
        color: #808080;
      }
      .group_5 {
        padding: 8.33rpx 0;
        border-bottom: solid 2.08rpx #138f874d;
        .text_8 {
          text-align: center;
          width: 264.58rpx;
        }
      }
      .font_4 {
        font-size: 41.67rpx;
        font-family: SourceHanSansCN;
        line-height: 50rpx;
        color: #138f87;
      }
      .group_6 {
        padding: 12.5rpx 0 20.83rpx;
        border-bottom: solid 2.08rpx #138f874d;
        .text_9 {
          margin-right: 8.33rpx;
          margin-top: 12.5rpx;
        }
        .text_10 {
          margin-right: 12.5rpx;
        }
        .text_13 {
          margin-right: 16.67rpx;
          line-height: 22.92rpx;
        }
        .group_10 {
          margin-right: 12.5rpx;
          margin-top: 12.5rpx;
        }
        .text_15 {
          margin-right: 12.5rpx;
          margin-top: 29.17rpx;
          line-height: 10.42rpx;
        }
      }
      .font_2 {
        font-size: 41.67rpx;
        font-family: SourceHanSansCN;
        line-height: 38.54rpx;
        color: #138f87;
      }
      .font_5 {
        font-size: 31.25rpx;
        font-family: SourceHanSansCN;
        line-height: 29.17rpx;
        color: #808080;
      }
      .group_7 {
        padding: 20.83rpx 0 12.5rpx;
        border-bottom: solid 2.08rpx #138f874d;
        .text_11 {
          margin-right: 12.5rpx;
        }
      }
      .group_8 {
        padding: 12.5rpx 4.17rpx 20.83rpx;
        border-bottom: solid 2.08rpx #138f874d;
        .text_12 {
          margin-right: 8.33rpx;
        }
        .text_14 {
          margin-right: 4.17rpx;
          margin-top: 12.5rpx;
        }
        .group_9 {
          margin-right: 8.33rpx;
          margin-top: 12.5rpx;
        }
        .space-x-6 {
          & > view:not(:first-child),
          & > text:not(:first-child),
          & > image:not(:first-child) {
            margin-left: 12.5rpx;
          }
        }
      }
      .group_11 {
        margin-right: 12.5rpx;
        margin-top: 12.5rpx;
        padding-bottom: 25rpx;
        border-bottom: solid 2.08rpx #138f874d;
        .text_16 {
          line-height: 37.5rpx;
          width: 389.58rpx;
        }
        .pos_2 {
          position: absolute;
          right: 0;
          top: 8.33rpx;
        }
      }
      .group_12 {
        margin-top: 12.5rpx;
        padding: 0 4.17rpx;
        .text_17 {
          line-height: 37.5rpx;
        }
        .text_18 {
          margin-right: 8.33rpx;
        }
      }
      .group_13 {
        margin-top: 20.83rpx;
        padding: 12.5rpx 4.17rpx 16.67rpx;
        border-top: solid 2.08rpx #138f874d;
        border-bottom: solid 2.08rpx #138f874d;
        .text_19 {
          margin-right: 8.33rpx;
          margin-top: 12.5rpx;
          line-height: 27.08rpx;
        }
      }
    }
  }
</style>